<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Chapter 6. 时间线</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
    <link rel="start" href="index.html" title="Clutter编程" />
    <link rel="up" href="index.html" title="Clutter编程" />
    <link rel="prev" href="sec-actors-events.html" title="事件" />
    <link rel="next" href="timeline-example.html" title="示例" />
  </head>
  <body>
    <div class="navheader">
      <table width="100%" summary="Navigation header">
        <tr>
          <th colspan="3" align="center">Chapter 6. 时间线</th>
        </tr>
        <tr>
          <td width="20%" align="left"><a accesskey="p" href="sec-actors-events.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <th width="60%" align="center"> </th>
          <td width="20%" align="right"> <a accesskey="n" href="timeline-example.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
      </table>
      <hr />
    </div>
    <div class="chapter" lang="en" xml:lang="en">
      <div class="titlepage">
        <div>
          <div>
            <h2 class="title"><a id="sec-timelines"></a>Chapter 6. 时间线</h2>
          </div>
        </div>
      </div>
      <div class="toc">
        <p>
          <b>Table of Contents</b>
        </p>
        <ul>
          <li>
            <span class="sect1">
              <a href="sec-timelines.html#id3016708">使用时间线</a>
            </span>
          </li>
          <li>
            <span class="sect1">
              <a href="timeline-example.html">示例</a>
            </span>
          </li>
          <li>
            <span class="sect1">
              <a href="sec-timelines-score.html">Grouping TimeLines in a Score</a>
            </span>
          </li>
          <li>
            <span class="sect1">
              <a href="score-example.html">示例</a>
            </span>
          </li>
        </ul>
      </div>
      <div class="sect1" lang="en" xml:lang="en">
        <div class="titlepage">
          <div>
            <div>
              <h2 class="title" style="clear: both"><a id="id3016708"></a>使用时间线</h2>
            </div>
          </div>
        </div>
        <p>
<code class="classname">ClutterTimeline</code> 可以让 actor 随着时间改变位置和外形，它可以单独使用，也可以与后面讲的 effect 和 behaviour 一起使用。
</p>
        <p>
针对每一个新帧，时间线对象对象 <code class="literal">new-frame</code> 信号，在信号处理函数中可以设置 actor 的属性。例如，actor 可以随着时间的变化移动、旋转，并改变颜色，你甚至可以同时改变 stage 中几个 actor 的属性形成动画。
</p>
        <p>
<code class="function">clutter_timeline_new()</code> 用于初始化时间线，它的参数是动画的总帧数和每秒的帧数，所以整个时间线持续的时间是<em class="parameter"><code>总帧数</code></em>/<em class="parameter"><code>每秒钟帧数</code></em>。因此你可以根据期望的动画时间来选择总帧数和每秒帧数。
</p>
        <p>
也可以用 <code class="function">clutter_timeline_set_loop()</code> 重复动画，直到调用 <code class="function">clutter_timeline_stop()</code>为止。时间线不会开始，除非调用 <code class="function">clutter_timeline_start()</code>。
</p>
        <p>
注意时间线结束后，别忘了 unref 时间线。与 actor 不同， 时间线不是 "floating reference"，你或者在 mainloop 之后 unref，或者在时间线完成后通过处理时间线
完成信号来 unref 时间线。
</p>
        <p>
          <a class="ulink" href="http://clutter-project.org/docs/clutter/0.8/ClutterTimeline.html" target="_top">Reference</a>
        </p>
      </div>
    </div>
    <div class="navfooter">
      <hr />
      <table width="100%" summary="Navigation footer">
        <tr>
          <td width="40%" align="left"><a accesskey="p" href="sec-actors-events.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <td width="20%" align="center"> </td>
          <td width="40%" align="right"> <a accesskey="n" href="timeline-example.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">事件 </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">
              <img src="../icons/home.png" alt="Home" />
            </a>
          </td>
          <td width="40%" align="right" valign="top"> 示例</td>
        </tr>
      </table>
    </div>
  </body>
</html>
